<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<style>
			
			*{margin:0; padding:0;}
			div{
				
				 height: 55px;
				 border-top:1px solid #E1E1E1;
				 background: url("head_bg.jpg") repeat-x;
				 line-height: 55px;

				 margin-top: 30px;

				 padding-left: 300px;
			}


			ul li{
				 list-style: none;
				 float: left;
				 background: url("li_bg.png") no-repeat right top;
				
			}

			li a{
			    color: #000000;
			    font-size: 18px;
			    text-decoration: none;
			    font-family: "微软雅黑";
			    padding:0 34px;
			    height:55px;
			    display: inline-block;
			}

			a:hover{
				 color: green;
			}
	</style>
</head>
<body>
	   <div>
	   	    <ul>
	   	    	<li>
	   	    	   <a href="#">智能手机</a>
	   	    	</li>
	   	    	<li>
	   	    	   <a href="#">平板电脑</a>
	   	    	</li>
	   	    	<li>
	   	    	   <a href="#">百度</a>
	   	    	</li>
	   	    	<li>
	   	    	   <a href="#">么么么哒</a>
	   	    	</li>
	   	    </ul>
	   </div>
</body>
</html>